
/* CSS Document */

*{
    margin: 0;
    padding: 0;
    font-family: 微软雅黑, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

i,em{font-style: normal;}
a:link{text-decoration:none;}
a:hover{color: none;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left: 0px;padding-right: 0px;}
.row{margin-right: 0px;margin-left: 0px;}
ul{margin-bottom: 0px;}
h1, h2, h3, h4, h5, h6{margin: 0px;}
h1, .h1, h2, .h2, h3, .h3 ,p{margin: 0px;}
input,textarea{outline: none;}

ul,li{ list-style:none;}
.c{clear: both;}
.fl{float: left;}
.fr{float: right;}

.center{max-width: 1200px;margin: 0 auto;}
@media (max-width: 1400px){
	.center{width: 95%;}
}

/*head*/
header{ width: 100%; font-size: 0;}
.header_top{ background: url(../image/head_top.png)no-repeat center; width: 100%; height: 46px; line-height: 46px;}
.header_top .nr .topic{ color: #fff; font-size: 14px;}
.header_top .nr .navbj a,.header_top .nr .navbj i{ color: #333; font-size: 14px;}
.header_top .nr .navbj i{ margin: 0 15px;}
.header_top .nr .navbj a:hover{ color: #193066; font-weight: bold;}
.header .header_slogan{ height: 105px;}
.header .header_slogan .logo{ margin-top:28px; font-size:24px; font-weight:bold;}

.header .nav{ padding-top: 40px;}
.header .nav .nav-content nav .xz{ position: relative; display: inline-block; vertical-align: top; text-align: center; margin-right: 0; float:left;}
.header .nav .nav-content nav .xz i{ padding: 0 26.2px; color: #333; font-size: 16px; position: relative; height: 28px; line-height: 28px; overflow: hidden;}
.header .nav .nav-content nav .xz i b{ position: relative; z-index: 6; transition: all .3s;}
.header .nav .nav-content nav .xz i:before{ content: ""; background: #193066; width: 0; height: 28px; position: absolute; left: 45%; border-radius: 14px; bottom: -5px; z-index: 1; transition: all .3s;}
.header .nav .nav-content nav .xz.on i:before,.header .nav .nav-content nav .xz:hover i:before{ width: 100%; left: 0;}
.header .nav .nav-content nav .xz.on b,.header .nav .nav-content nav .xz:hover b{ color: #fff;}
.header .nav .nav-content nav a:last-child{ margin-right: 0;}
.header .nav .nav-content nav .xz ul{ display: none; position: absolute; left: -25px; top: 29px; z-index: 999; width: 150%;}
.header .nav .nav-content nav .xz:hover ul{ display:block;}
.header .nav .nav-content nav .xz ul li{ font-size: 14px; line-height: 40px; background: #ccc; color: #333;}
.header .nav .nav-content nav .xz ul li:hover{ background: #ccc; color: #193066; font-weight: bold;}

/*w_head*/
.w_head{display: none;}
.w_head .h{height: 60px;}
.sp_header{height:60px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}
.sp_logo{padding:10px;float:left;height:60px}
.sp_logo img{margin:auto;max-height:40px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px}
.sp_nav span{display:block;background:#193066;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background: #fff;width:100%;height:calc(100%/* - 104px*/);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:60px}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-bottom:1px #eee solid;margin: 0 6%;position:relative;line-height:60px;font-size:15px;text-align: center;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li b{margin: 0 3px;font-weight: normal;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#193066;}
.sjj_nav ul li ul li>ul{margin-left:10px}

@media (max-width: 1440px){
	.header .nav{}
	.header .nav .nav-content nav .xz i{padding: 0 11px;}
}

@media (max-width: 1200px){
	.c_head{display: none;}
	.c_head{display: none;}
	.w_head{display: block;}
	.h{height: 60px;}
}

/*foot*/
.foot{}
.footer{padding-top: 43px;color: #333;}
.f_nav{ height: 70px; line-height: 70px; text-align: center;background: #193066;}
.f_nav a{ font-size: 16px; color: #fff; display: inline-block;width: 14.2%;float: left;text-align: center;background: url(../image/libg.png) no-repeat right;}
.f_nav a:hover{ font-weight: bold;}
.f_on{ overflow: hidden; height: 178px; border-bottom: 1px solid #eee;}
.f_on h3{ float: left; width: 7.%;}
.f_on h3 img{width: 100%;}
.f_on ul{ float: right; width: 70%;padding-top: 14px; }
.f_on ul li{ margin-right: 8%; color: #333; padding-top: 67px; line-height: 24px; float: left; line-height: 24px;}
.f_on ul li:nth-child(1){background:url(../image/f_io1.png) no-repeat;}
.f_on ul li:nth-child(2){background:url(../image/f_io2.png) no-repeat;}
.f_on ul li:nth-child(3){background:url(../image/f_io3.png) no-repeat;margin-right: 0px;}
.f_on ul li span{ display: block;}
.f_on h4{ float: right; width: 14%;height: 100%;background:url(../image/frr.jpg) no-repeat;}
.f_on h4 img{ display: inline-block; width: 114px; height: 114px; padding: 15px 0 0 15px; color: #bfbfbf; font-size: 14px;}
.f_bom{ height: 65px; line-height: 65px;color: #333;}
.f_bom a{;color: #333;}
.f_bom span{ display: inline-block; float: right;}
.f_bom i{ display: inline-block; padding: 0 20px;font-style: normal;}

.link{padding: 20px 0; overflow: hidden;background: #f5f5f5;}
.link h3{ float: left; font-weight: normal; padding-left: 41px; color: #808080; height: 30px; line-height: 30px;font-size: 16px;background:url(../image/links.png) no-repeat left;display: block;width: 10%}
.link p{ float: left; width: 90%; padding-left:20px;}
.link p a{ display: inline-block; font-size: 14px; color: #808080; padding: 0 6px;line-height: 30px;}

@media (max-width: 1200px){
	.f_on h4{width: 16%;}
}

@media (max-width: 1100px){
	.f_on ul li{margin-right: 4%;}
	.f_on ul{width: 71%;}
	.f_on h4{width: 18%;}
}

/*w_foot*/
.w_foot{height: 70px;width: 100%;background-color: #193066;position: fixed;bottom: 0;z-index: 999;display: none;}
.w_foot ul li{width: 33.3%;height: 70px;border-right: 2px rgba(255,255,255,0.5) solid;box-sizing: border-box;float: left;text-align: center;}
.w_foot ul li:last-child{border-right: none;}
.w_foot ul li img{display: block;margin: 10px auto 6px auto;width: 28px;}
.w_foot ul li span{font-size: 14px;color: #fff;}

@media (max-width: 980px){
	.foot{display: none;}
	.w_foot{display: block;}
}












































